<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
    maximum-scale=1.0, user-scalable=0" />
    <title>自助下单（上传图片）</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/Selforder.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <p>自助下单</p>
    </div>

    <!-- 遮挡层 -->
    <div class="ContentMian">
        <div class="module01">
            <div class="right">
                <span><img src="./img/call.png" alt=""></span>
                <span>热线</span>
            </div>
            <div class="left">
                <span><img src="./img/event.png" alt=""></span>
                <span><a href="task-order.html">订单</a></span>
            </div>
        </div>
        <div class="module02">
            <ul>
                <li>
                    <span class="icons"><img src="./img/time.png" alt=""></span>
                    <span class="text"><a href="./Selforder03.html" style="display: block;">选择服务事项</a></span>
                    <span>></span>
                </li>
                <li>
                    <span class="icons"><img src="./img/equipment.png" alt=""></span>
                    <span class="text"><a href="Selforder04.html">选择服务设备</a></span>
                    <span>></span>
                </li>
                <li>
                    <span class="icons"><img src="./img/adress.png" alt=""></span>
                    <span class="text">上门服务事项</span>
                    <span>></span>
                </li>
            </ul>

        </div>
        <div class="module03">
            <div class="box">
                <div class="description">
                    <span class="icon-task"><img src="./img/icon-task.png" alt=""></span>
                    <span>任务描述</span>
                </div>
                <div>
                    <p> 请描述什么时候上门，要的工具，问题描述,</p>
                    <p>交付的要求等</p>

                </div>
            </div>
        </div>
        <div class="module03">
            <div class="box">
                <div class="description">
                    <span class="icon-task"><img src="./img/icon-album.png" alt=""></span>
                    <span>上传图片</span>
                </div>
                <div class="pic">
                    <a href="">
                        <img src="./img/pic.png" alt="">

                    </a>
                    <a href="Selforder02.html"><img src="./img/other.png" alt=""></a>
                    <div class="reduce">
                        <img src="./img/reduce.png" alt="">
                    </div>

                </div>
            </div>
        </div>
        <div class="module03">
            <div class="box">
                <div class="description">
                    <span class="icon-task"><img src="./img/time.png" alt=""></span>
                    <span>任务工期</span>
                </div>
                <div class="page">
                    <a href="#"><img src="./img/less.png" alt=""></a>
                    <a href="#">2</a>
                    <a href="#" class="green"><img src="./img/add.png" alt=""></a>
                    <span class="price">￥1500</span><span>x1天</span>

                </div>
                <p class="tip">如有疑问，请提交订单前联系客服！</p>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <a href="./submit-order.html" class="submit">提交订单&nbsp;&nbsp;计算价格</a>
</body>

</html>